<div class="section-title" ng-click="togglePanel('countInfo',$event);">
    <i class="material-icons close">remove</i>
    <i class="material-icons open">add</i>
    <label class="title-name" ng-bind="'dashboard.countInfo.title' | translate"></label>
    <div class="kmi-can-click"></div>
    <div style="z-index:1;display: flex;padding-right: 2px;">
        <button class="mdl-button mdl-js-button mdl-button--icon kmi-button--icon" ng-click="changePanel($event, 'countInfo');">
            <i class="material-icons">&#xE871;</i>
        </button>
    </div>
</div>
<!-- 20230306 modify by Alan for M#123998 -->
<div class="section-content perfect-scrollbar">
    <!-- 20201223 3.2.2.DEV.2020122301 M#0079362:[標準][本土][IIOT] [DEV]計數器顯示增列上次出站數量 -->
      <div class="dashboard-fields margin-top-content" ng-show="IIoT_Enable">
        <div class="label" ng-bind="'dashboard.deviceInfo.machine_no' | translate"></div>
        <div style="padding:2px;font-size:14px;" ng-bind="dashboard.dashboard_info.machine_no"></div>
    </div>
    <div class="dashboard-fields margin-top-content" style="align-items:center;" >
        <div class="label" style="padding-right: 15px;" ng-bind="'dashboard.dashboard-info.counter' | translate"></div>
        <div style="padding:8px;font-size:32px;color:#0f622b;" ng-bind="dashboard.dashboard_info.current_count"></div>
    </div>
    <div ng-repeat="eq_c_item in dashboard.dashboard_info.counter_equipment track by $index" class="dashboard-fields margin-top-content" ng-show="IIoT_Enable">
        <label ng-bind="eq_c_item.item_title"></label> <label style="color:rgb(104, 134, 189);" ng-bind="eq_c_item.item_content"></label>
    </div>
    <div class="dashboard-fields margin-top-content" style="align-items:center;">
        <div class="label" ng-bind="'dashboard.dashboard-info.update_time' | translate"></div>
        <div style="padding:8px;font-size:16px;color:#0f622b;" ng-bind="dashboard.dashboard_info.update_time"></div>
    </div>
</div>
